<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>Color Palette by Color Scheme Generator</title>
	<meta name="generator" content="ColorSchemeGenerator.com">

<style type="text/css">

/* Palette color codes */
/* Feel free to copy&paste color codes to your application */

.primary-1 { background-color: #345C9F }
.primary-2 { background-color: #394860 }
.primary-3 { background-color: #051D47 }
.primary-4 { background-color: #7398D9 }
.primary-5 { background-color: #96AED9 }

.secondary-a-1 { background-color: #3752A2 }
.secondary-a-2 { background-color: #3B4562 }
.secondary-a-3 { background-color: #051648 }
.secondary-a-4 { background-color: #758EDA }
.secondary-a-5 { background-color: #98A8DA }

.secondary-b-1 { background-color: #31669C }
.secondary-b-2 { background-color: #374B5F }
.secondary-b-3 { background-color: #052546 }
.secondary-b-4 { background-color: #70A3D8 }
.secondary-b-5 { background-color: #94B5D8 }

/* end */


body {
	margin:0; padding: 2em;
	background:white;
	color: #666;
	font: 75%/1.33 Verdana, sans-serif;
	text-align:left;
	}
h1 {
	margin: 0.5em 0;
	font-size: 200%;
	}
p {
	margin: 0.5em 0;
	}

.color-table {
	margin: 2em 2em 5em;
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	font-size:100%;
	}
.color-table th {
	padding: 0 1em 0 0;
	text-align:right;
	vertical-align: middle;
	font-size:110%;
	border: none;
	}
.color-table td.sample {
	width:10em; height:8em;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
	font-size:90%;
	border: 1px solid white;
	white-space:nowrap;
	}
.color-table.small td.sample {
	width:4em; height:4em;
	padding:0;
	border:none;
	}
.color-table .white { margin-bottom:0.2em; color:white }
.color-table .black { margin-top:0.2em; color:black }

hr {
	border:none;
	border-bottom:1px solid silver;
	}
#footer {
	padding:1em;
	text-align:center;
	font-size:80%;
	}

</style>

</head>
<body>

<h1>Color Palette by Color Scheme Designer</h1>
<p>Palette URL: <a href="http://colorschemedesigner.com/#3H51xnOu9NABq">http://colorschemedesigner.com/#3H51xnOu9NABq</a></p>
<p>Color Space: RGB; </p>

<table class="color-table">
	<tbody><tr>
		<th>Primary Color:</th>
		<td class="sample primary-1">
			<div class="white">
<strong>345C9F</strong>
			</div>
			<div class="black">
<strong>345C9F</strong>
			</div>
		</td>
		<td class="sample primary-2">
			<div class="white">
<strong>394860</strong>
			</div>
			<div class="black">
<strong>394860</strong>
			</div>
		</td>
		<td class="sample primary-3">
			<div class="white">
<strong>051D47</strong>
			</div>
			<div class="black">
<strong>051D47</strong>
			</div>
		</td>
		<td class="sample primary-4">
			<div class="white">
<strong>7398D9</strong>
			</div>
			<div class="black">
<strong>7398D9</strong>
			</div>
		</td>
		<td class="sample primary-5">
			<div class="white">
<strong>96AED9</strong>
			</div>
			<div class="black">
<strong>96AED9</strong>
			</div>
		</td>
	</tr>
	<tr>
		<th>Secondary Color A:</th>
		<td class="sample secondary-a-1">
			<div class="white">
<strong>3752A2</strong>
			</div>
			<div class="black">
<strong>3752A2</strong>
			</div>
		</td>
		<td class="sample secondary-a-2">
			<div class="white">
<strong>3B4562</strong>
			</div>
			<div class="black">
<strong>3B4562</strong>
			</div>
		</td>
		<td class="sample secondary-a-3">
			<div class="white">
<strong>051648</strong>
			</div>
			<div class="black">
<strong>051648</strong>
			</div>
		</td>
		<td class="sample secondary-a-4">
			<div class="white">
<strong>758EDA</strong>
			</div>
			<div class="black">
<strong>758EDA</strong>
			</div>
		</td>
		<td class="sample secondary-a-5">
			<div class="white">
<strong>98A8DA</strong>
			</div>
			<div class="black">
<strong>98A8DA</strong>
			</div>
		</td>
	</tr>
	<tr>
		<th>Secondary Color B:</th>
		<td class="sample secondary-b-1">
			<div class="white">
<strong>31669C</strong>
			</div>
			<div class="black">
<strong>31669C</strong>
			</div>
		</td>
		<td class="sample secondary-b-2">
			<div class="white">
<strong>374B5F</strong>
			</div>
			<div class="black">
<strong>374B5F</strong>
			</div>
		</td>
		<td class="sample secondary-b-3">
			<div class="white">
<strong>052546</strong>
			</div>
			<div class="black">
<strong>052546</strong>
			</div>
		</td>
		<td class="sample secondary-b-4">
			<div class="white">
<strong>70A3D8</strong>
			</div>
			<div class="black">
<strong>70A3D8</strong>
			</div>
		</td>
		<td class="sample secondary-b-5">
			<div class="white">
<strong>94B5D8</strong>
			</div>
			<div class="black">
<strong>94B5D8</strong>
			</div>
		</td>
	</tr>
</tbody></table>

<table class="color-table small">
	<tbody><tr>
		<th>Primary Color:</th>
		<td class="sample primary-1"></td>
		<td class="sample primary-2"></td>
		<td class="sample primary-3"></td>
		<td class="sample primary-4"></td>
		<td class="sample primary-5"></td>
	</tr>
	<tr>
		<th>Secondary Color A:</th>
		<td class="sample secondary-a-1"></td>
		<td class="sample secondary-a-2"></td>
		<td class="sample secondary-a-3"></td>
		<td class="sample secondary-a-4"></td>
		<td class="sample secondary-a-5"></td>
	</tr>
	<tr>
		<th>Secondary Color B:</th>
		<td class="sample secondary-b-1"></td>
		<td class="sample secondary-b-2"></td>
		<td class="sample secondary-b-3"></td>
		<td class="sample secondary-b-4"></td>
		<td class="sample secondary-b-5"></td>
	</tr>
</tbody></table>

<p>
See the HTML source for more details.<br>
Use the <em>Save / Save As...</em> command in your browser to store the HTML for latter use.
</p>

<hr>

<p id="footer">Generated by <a href="http://colorschemedesigner.com/">Color Scheme Designer</a> © Petr Stanicek 2002-2010</p>



</body></html>